@CHARSET "UTF-8";
body{
	background:#f2f2f2
}
.page-item{
	padding-top:15px;
	font-size:40px;
	color:#169fe6;
	font-weight:700;
}
.page-info{
	height:30px;
	line-height:30px;
	background:#169fe6;
	color:#fff
}
.page-info .left{
	float:left;
	font-size:12px;
	color:#fff;
}
.page-info .left a{
	color:#fff;
}
.page-info .left a:hover{
	color:#fff;
	text-decoration:underline
}
.page-info .right{
	float:right;
}
.li-nav{
	padding-top:40px;
	height:35px;
}
.li-nav dt{
	float:left;
	width:15px;
	height:100%;
}
.li-nav dt{
	background:url(../images/radius-2.png)
}
.li-nav dt:first-child{
	border-right:1px solid #f2f2f2;
	background:url(../images/radius-1.png)
}
.li-nav dd{
	float:left;
	padding:0 13px;
	line-height:34px;
	font-size:14px;
	letter-spacing:1.5px;
	background:#a7becf;
	border-right:1px solid #f2f2f2;
	border-bottom:1px solid #6d8ea8;
	cursor:pointer;
}
.li-nav dd:first-child{
	border-left:1px solid #f2f2f2;
}
.li-nav dd a{
	display:block;
	height:34px;
	color:#fff;
}
.li-nav dd:hover,
.li-nav dd.checked{
	background:#169fe6;
	border-bottom-color:#0263cf;
}
.list{
	padding-top:18px;
	margin-left:-20px;
	min-height:600px;
}
.list-empty{
	padding:80px 0 80px;
	text-align:center;
	font-size:30px;
	color:#169fe6;
}
.list ul{
	overflow:hidden;
	*margin-bottom:47px;
}
.list li{
	position:relative;
	float:left;
	margin:0 0 18px 18px;
	width:287px;
	height:283px;
	background:url(../images/li-bt.png) no-repeat center bottom;
}
.list ul:hover li .it-mask{
	opacity:.7;
	filter:alpha(opacity=60);
}
.list .it{
	position:relative;
	overflow:hidden;
	height:280px;
	border-left:1px solid #e3e3e3;
	border-right:1px solid #e3e3e3;
	z-index:1;
}
.list .wx-img{
	overflow:hidden;
	height:200px;
	text-align:center;
}
.list li .wx-img img{
	transition:transform .5s;
	-moz-transition:-moz-transform .5s;
	-webkit-transition:-webkit-transform .5s;
	-o-transition:-o-transform .5s;
}
.list li:hover .wx-img img{
	transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
}
.list .it-mask{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	filter:alpha(opacity=0);
	opacity:0;
	z-index:2;
	transition:opacity .5s;
	-moz-transition:opacity .5s;
	-webkit-transition:opacity .5s;
	-o-transition:opacity .5s;	
}
.list ul li:hover .it-mask{
	opacity:0;
	filter:alpha(opacity=0);
}
.list ul li .pl{	
	display:block;
	position:absolute;
	left:0;
	top:0;	
	width:100%;
	height:100%;
	z-index:3;
}
.list .cat{
	overflow:hidden;
	padding:12px 5px 0;
	height:20px;
	font-size:14px;
	color:#169fe6;
	line-height:20px;
	text-align:center;
	text-overflow:ellipsis
}
.list .name{
	overflow:hidden;
	padding:0 5px;
	font-size:20px;
	color:#1f2932;
	text-align:center;
	font-weight:400;
	text-overflow:ellipsis
}
.pnav{
	clear:both;
	overflow:hidden;
	margin-bottom:40px;
	height:40px;
	font-size:0;
	letter-spacing:-10px;
	color:#333;
}
.pnav a,
.pnav span{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	margin:0 2px;
	padding:0 15px;
	height:40px;
	line-height:40px;
	font-size:16px;
	letter-spacing:1px;
}
.pnav a,
.pnav span.current{
	color:#fff;
	text-align:center;
	line-height:40px;
	background:#a7becf
}
.pnav a:hover,
.pnav span.current{
	background:#169fe6;
}